<#assign pageTitle="购物车"/>
<#assign pageHeader>
	<script type="text/javascript" src="/static/js/order.js"></script>
	<script type="text/javascript" src="/static/js/shopcart.js"></script>
	<script type="text/javascript" src="/static/js/wxJSAPI.js"></script>
	<script type="text/javascript" src="/static/libs/jquery/jquery.qrcode.min.js"></script>
	<link rel="stylesheet" type="text/css" href="/static/css/qrcode-dialog.css"/>
	<script type="text/javascript">
		$(function() {
			queryShopCartInfo();
		});
	</script>
</#assign>
<#assign pageContent>
	<div id="aCoursesList" class="bg-fa of">
		<div class="container">
			<section class="path-wrap txtOf hLh30">
				<a class="c-999 fsize14" title="" href="/">首页</a>
				\ <span class="c-333 fsize14">购物车</span>
			</section>
			<article class="mt30 buy-box-cx">
				<div class="mt30 buy-car-box-cx">
					<header class="b-h-cx"><span class="fsize24 c-333">确认课程</span></header>
					<dl class="c-order-list of" id="shopingcart">

					</dl>
				</div>

				<!-- 优惠券编码 -->
				<div  style="display: none;">
					<input id="couponCodeHidden" type="hidden" value=""/>
				</div>

				<div class="mt30">
					<header class=""><span class="fsize24 c-333">支付方式</span></header>
					<div class="c-pay-method">
						<div class="of">
							<header class="c-p-title">账户余额</header>
							<div class="clearfix">
								<div class="c-p-left">
									<div class="c-couse-card">
										<p>账户余额：<span class="c-master fsize24 f-fG">￥${userAccount.balance/100}</span></p>
										<p class="mt20">优先使用余额支付，余额不足，使用其它方式支付剩余金额!</p>
									</div>
								</div>
							</div>
						</div>
						<div class="of">
							<header class="c-p-title">第三方支付</header>
							<div class="buyB_payPlat">
								<ul class="clearfix" id="ulPayType">
									<#if serviceSwitch.wxpay=='ON'>
										<li><label><input type="radio" name="payType" value="wxpay" checked="checked"> <img alt="微信" src="/static/qdxwx/img/buy/buyB_pay_wx.jpg"></label></li>
									</#if>
									<#if serviceSwitch.alipay=='ON' >
										<li><label><input type="radio" name="payType" value="alipay"> <img alt="支付宝" src="/static/qdxwx/img/buy/buyB_pay_alipay.jpg"></label></li>
									</#if>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="mt30">
					<header class=""><span class="fsize24 c-333">结算信息</span></header>
					<div class="c-pay-method c-p-m">
						<div>
							<#if serviceSwitch.coupon=='ON'>
								<div class="fl ml20">
									<p class="fsize14 c-666">使用代金券可以抵消部分金额哦</p>
									<div class="mt20 coupon-box clearfix">
										<select id="queryCoupon" class="buyText01 fl" name="status" onchange="chooseCoupon(this)" style="width: 204px;">
											<option value="">--选择我已有的优惠券--</option>
											<#list couponCodeList as coupon>
												<option onclick="addCouponCode('')" value="${coupon.couponCode}">
													￥${coupon.amount}
												</option>
											</#list>
										</select>
									</div>
									<div class="mt20 coupon-box clearfix">
										<input class="buyText01 fl" type="text" id="couponCode" onkeyup="inputCouponCode()" name="" placeholder="请输入优惠券编码">
										<a class="buyCoupon_add2 fl" href="javascript:addCouponCode('')" id="tjcode">添加</a>
										<a href="javascript:initPrice()" class="buyCoupon_add2 fl"  style="display:none" id="initcode">取消</a>
									</div>
								</div>
							</#if>
							<div class="fr tar ddzj">
								<p class="fsize14 c-333"><span class=" hLh30">订单总价：<tt class="c-master f-fG fsize18" id="oldmoney">￥0</tt></span><span class="ml5 mr5 hLh30">-</span><span class=" hLh30">优惠金额：<tt class="c-master f-fG fsize18" id="yhmoney">￥0.00</tt></span> <span class="ml5 mr5 hLh30">=</span> <span class="c-master f-fG fsize18 hLh30" id="paySumPrice">￥0</span></p>
								<p class="fsize14 c-333 hLh30 mt10"><span>优惠类型：<tt  class="c-master" id="yhTypeId">无</tt></span></p>
								<p class="fsize18 c-333 mt20 hLh30"><span>订单支付金额：<tt class="c-master fsize34 f-fG" id="payprice">￥0</tt></span></p>
							</div>
							<div class="clear"></div>
						</div>
						<div class="tar mt40 cx-tj-btnbox">
							<a href="javascript:orderSubmit('COURSE')" class="order-btn">提交订单</a>
						</div>
					</div>
				</div>
			</article>
		</div>
	</div>
</#assign>
<#include "../layouts/layout.ftl">